<template>
  <!-- 甄选家 -->
  <div class="Exhibition">
    <div class="show-head">
      <h3>甄选家</h3>
      <span>我们在寻找，对生活有态度的你</span>
    </div>
    <div class="show-item">
      <div class="item-left">
        <img
          src="https://yanxuan.nosdn.127.net/b21b20f34d5007f961c182273a5d429f.jpg?type=webp&imageView&quality=95&thumbnail=690y380"
        />
      </div>
      <div class="item-right">
        <img
          src="https://yanxuan.nosdn.127.net/9548e1f1a0ba0436cb13d586c50284be.jpg?type=webp&imageView&quality=95&thumbnail=390y185"
        />
        <br />
        <img
          style="margin-top: 12px"
          src="https://yanxuan.nosdn.127.net/4a56bf536141eb2ad84f8f8f0e0418ab.jpg?type=webp&imageView&quality=95&thumbnail=390y185"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Exhibition",
};
</script>

<style lang="less" scoped>
//甄选家
.Exhibition {
  border: 1px solid transparent;
  width: 1090px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 80px;

  .show-head {
    padding-bottom: 20px;
    h3 {
      font-size: 28px;
      display: inline-block;
    }

    span {
      font-size: 14px;
      margin-left: 20px;
    }
  }

  .show-item {
    position: relative;
    overflow: hidden;
    .item-left {
      width: 690px;
      height: 380px;
    }

    .item-right {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 0;
    }
  }
}
</style>
